<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="./css/reset.css">
    <link rel="stylesheet" type="text/css" href="./css/index.css">
</head>
<body>
    <!-- 
        建立网站文件夹
            文件夹
                css
                fonts
                images
                js
                index.html
    -->
    <!-- 顶部栏 -->
     <div class="topBar">
        <!-- 居中显示 -->
         <div class="container">
            <div class="topBar_list">
                <a href="#">小米官网</a>
                <span>|</span>
                <a href="#">小米商城</a>
                <span>|</span>
                <a href="#">小米澎湃OS</a>
                <span>|</span>
                <a href="#">小米汽车</a>
                <span>|</span>
                <a href="#">云服务</a>
                <span>|</span>
                <a href="#">loT</a>
                <span>|</span>
                <a href="#">有品</a>
                <span>|</span>
                <a href="#">小爱开发平台</a>
                <span>|</span>
                <a href="#">资质证明</a>
                <span>|</span>
                <a href="#">协议规则</a>
                <span>|</span>
                <a href="#">下载app</a>
                <span>|</span>
                <a href="#">Select Location</a>
            </div>
            <div class="shop">
                <!-- <span>图标</span> -->
                <a href="#">
                    购物车(0)
                </a>
            </div>
            <div class="login">
                <a href="#">登录</a>
                <span>|</span>
                <a href="#">注册</a>
                <span>|</span>
                <a href="#">消息通知</a>
            </div>
         </div>
     </div>
    <!-- 导航栏 -->
     <div class="header">
        <div class="container">
            
         </div>
     </div>
    <!-- 主页内容 -->
     <div class="site-content">
        <div class="container">
            
         </div>
     </div>
    <!-- 内容详情 -->
     <div class="content_desc">
        <div class="container">
            
         </div>
     </div>
    <!-- 脚部 -->
     <div class="footer">
        <div class="container">
            
         </div>                                                                    
     </div>
</body>
</html>